

<html>
	
	<head>
		<link rel="stylesheet" type="text/css" href="css/jamie.css" />
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/latlong.js"></script>		
		<script type="text/javascript" src="js/json2.js"></script>	
		<script type="text/javascript">
			var testData = {};
		</script>
		<script type="text/javascript" src="js/testdata.js"></script>						
		<script type="text/javascript" src="js/dateFormat.js"></script>								
		<script type="text/javascript" src="js/jamie.js"></script>
	</head>
	
	<body>	
	   <div id="spinner" style="display: none"><img src="images/spinner.gif"/> Please be patient, loading data..</div>
		<div id="logged-in-content" class="jnone">
			<div>Logged in as <span id="logged-in-name"></span></div>
			<div><a href="javascript:jamie.logout()">logout</a></div>
			
			<div id="main-content">
				<div id="tabs">Show: 
				<a class="events" href="javascript:jamie.showEvents()">Friends' upcoming events</a>
				| 
				<a class="checkins" href="javascript:jamie.showCheckins()">Friends' recent checkins</a> 
				</div>
				<div id="events-content" class="jcontainer" style="display: none">
					<div class="jheading">Friends' upcoming events</div>
					<div class="jevent" id="rsvpTypesCheckboxes">Show events your friends are: 
						<input type="checkbox" id="attending" checked="checked"/><label for="attending">attending</label> 
						<input type="checkbox" id="unsure" checked="checked"/><label for="unsure">unsure</label>
						<input type="checkbox" id="not_replied" /><label for="not_replied">not_replied</label> 
						<input type="checkbox" id="declined" /><label for="declined">declined</label> 
						<input type="button" value="Go" onclick="jamie.onSubmitEventRsvpTypes()"/>
					</div>
					<div id="events-main-content"></div>
				</div>				
				<div id="checkins-content" class="jcontainer" style="display: none">
					<div class="jheading">Friends' recent checkins</div>
					<div id="checkins-main-content"></div>
				</div>				
			</div>
			
		</div>
		<div id="logged-out-content" class="jnone">
			<div>
			<a href="javascript:jamie.login()"><img src="images/fb_login.png"/></a>
			</div>
		</div>
		<div id="fb-root"></div>
		<script>
 		  window.fbAsyncInit = function() {
			FB.init({
  					 appId: jamie.DEV_FLAG ? '2247019648' : '128932687181538',
					 status: true, 
					 cookie: true,
					 xfbml: true, 
					 oauth: true});					 
			FB.getLoginStatus(jamie.onStatusResponse);		  
		  };
		  (function() {
			var e = document.createElement('script'); e.async = true;
			e.src = document.location.protocol +
			  '//connect.facebook.net/en_US/all.js';
			document.getElementById('fb-root').appendChild(e);
		  }());
		</script>
	</body>
</html>
